<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./imgNew14.css">
    <script src="./jquery-1.12.4.js"></script>
    <script src="./jquery.SuperSlide.2.1.2.js" type="text/javascript"></script>
    <script src="./imgNew14.js"></script>

</head>

<body>

    <div class="parentbox">
        <div class="hd">
            <ul>
                <li class="on"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="bd">
            <ul>
                <li><a href="http://www.sgcc.com.cn/html/sgcc/col2022121446/2023-02/03/20230203232939602557610_1.shtml"
                        target="_blank"><img src="./articleImg/1.jpg" /> <s>
                            <font>中国共产党第二十次全国代表大会在京开幕<br>习近平代表第十九届中央委员会向大会作报告</font>
                        </s></a></li>

                <li><a href="http://www.sgcc.com.cn/html/sgcc/col2022121446/2023-02/03/20230203232939602557610_1.shtml"
                        target="_blank"><img src="./articleImg/2.jpg" /> <s>
                            <font>中国共产党第二十次全国代表大会在京开幕<br>习近平代表第十九届中央委员会向大会作报告</font>
                        </s></a></li>

                <li><a href="http://www.sgcc.com.cn/html/sgcc/col2022121446/2023-02/03/20230203232939602557610_1.shtml"
                        target="_blank"><img src="./articleImg/3.jpg" /> <s>
                            <font>中国共产党第二十次全国代表大会在京开幕<br>习近平代表第十九届中央委员会向大会作报告</font>
                        </s></a></li>

                <li><a href="http://www.sgcc.com.cn/html/sgcc/col2022121446/2023-02/03/20230203232939602557610_1.shtml"
                        target="_blank"><img src="./articleImg/4.jpg" /> <s>
                            <font>中国共产党第二十次全国代表大会在京开幕<br>习近平代表第十九届中央委员会向大会作报告</font>
                        </s></a></li>

            </ul>
        </div>
    </div>
    <!-- <div class="clear"></div> -->

    <div class="parentbox2"></div>
    <script>
        var options = []
        for (var index = 0; index < 4; index++) {
            options.push({
                header1: '中国共产党第二十次全国代表大会在京开幕',
                header2: '习近平代表第十九届中央委员会向大会作报告',
                articleImg: './articleImg/' + (index + 1) + '.jpg',
                href: 'http://www.sgcc.com.cn/html/sgcc/col2022121446/2023-02/03/20230203232939602557610_1.shtml'
            })

        }
        function buidlDOM14(options) {
            var hd = '<div class="hd"><ul></ul></div>';
  var bd = '<div class="bd"><ul></ul></div>';
  $('.parentbox2').append(hd);
  $('.parentbox2').append(bd);
  var li = '';
  var item = '';
  for (var index = 0; index < options.length; index++) {
    li += '<li></li>';
    item += "<li><a href=\"" + options[index].href + "\" target=\"_blank\"><img src=\"" + options[index].articleImg + "\" /> <s> <font>" + options[index].header1 + "<br>" + options[index].header2 + "</font></s></a></li>";
  }
  $('.parentbox2 .hd ul').append(li);
  // console.log($($('.parentbox2 .hd ul li')[0]).addClass('on'));
  $('.parentbox2 .bd ul').append(item);
        }
        buidlDOM14(options)
        operations('parentbox',{w:640,h:400},{w:640,h:400})
        operations('parentbox2',{w:640,h:400},{w:640,h:400})
    </script>
</body>

</html>